<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" id="main">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Graphics Class</title>
	<link rel="stylesheet" href="../inc/css/style.min.css" />
	<script type="text/javascript" src="../inc/js/lib/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="../inc/js/common.js"></script>
</head>
<body>

	<div class="main">

		<h1 class="main__title--h1 main__title--h1--v07">Graphics Class</h1>
		<ul class="breadcrumb">
			<li>JSライブラリ</li>
			<li>&gt;</li>
			<li>Graphics Class</li>
		</ul>
		<p>The static class that carries out graphics processing.</p>

		<div class="main__section">
			<h2 class="main__title--h2">Item Index</h2>
			<b>Methods</b>
			<ul class="main__ul--inline">
				<li><a href="#m01">canPlayVideoType</a> <span>static</span></li>
				<li><a href="#m02">canUseDifferenceBlend</a> <span>static</span></li>
				<li><a href="#m03">canUseSaturationBlend</a> <span>static</span></li>
				<li><a href="#m04">endLoading</a> <span>static</span></li>
				<li><a href="#m05">hasWebGL</a> <span>static</span></li>
				<li><a href="#m06">hideFps</a> <span>static</span></li>
				<li><a href="#m07">initialize</a> <span>static</span></li>
				<li><a href="#m08">isFontLoaded</a> <span>static</span></li>
				<li><a href="#m09">isInsideCanvas</a> <span>static</span></li>
				<li><a href="#m10">isVideoPlaying</a> <span>static</span></li>
				<li><a href="#m11">isWebGL</a> <span>static</span></li>
				<li><a href="#m12">loadFont</a> <span>static</span></li>
				<li><a href="#m13">pageToCanvasX</a> <span>static</span></li>
				<li><a href="#m14">pageToCanvasY</a> <span>static</span></li>
				<li><a href="#m15">playVideo</a> <span>static</span></li>
				<li><a href="#m16">printError</a> <span>static</span></li>
				<li><a href="#m17">render</a> <span>static</span></li>
				<li><a href="#m18">setLoadingImage</a> <span>static</span></li>
				<li><a href="#m19">showFps</a> <span>static</span></li>
				<li><a href="#m20">startLoading</a> <span>static</span></li>
				<li><a href="#m21">tickEnd</a> <span>static</span></li>
				<li><a href="#m22">tickStart</a> <span>static</span></li>
				<li><a href="#m23">updateLoading</a> <span>static</span></li>
			</ul>

			<b>Properties</b>
			<ul class="main__ul--inline">
				<li><a href="#p01">BLEND_ADD</a> <span>static</span></li>
				<li><a href="#p02">BLEND_MULTIPLY</a> <span>static</span></li>
				<li><a href="#p03">BLEND_NORMAL</a> <span>static</span></li>
				<li><a href="#p04">BLEND_SCREEN</a> <span>static</span></li>
				<li><a href="#p05">boxHeight</a> <span>static</span></li>
				<li><a href="#p06">boxWidth</a> <span>static</span></li>
				<li><a href="#p07">frameCount</a> <span>static</span></li>
				<li><a href="#p08">height</a> <span>static</span></li>
				<li><a href="#p09">scale</a> <span>static</span></li>
				<li><a href="#p10">width</a> <span>static</span></li>
			</ul>
		</div><!-- /main__section -->


		<div class="main__section">
			<h2 class="main__title--h2">Methods</h2>

			<div id="m01" class="main__subsection">
<pre class="main__pre--code">
canPlayVideoType ( type ) <span class="pre__type">Boolean</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Checks whether the browser can play the specified video type.</p>
				<div class="params">
					<h4>Parameters:</h4>
					<ul class="params-list">
						<li class="param">
							<code class="param-name">type</code>
							<span class="type">String</span>
							<div class="param-description">
								<p>The video type to test support for</p>
							</div>
						</li>
					</ul>
					<h4>Returns:</h4>
					<p><span class="pre__type">Boolean:</span> <br />
					True if the browser can play the specified video type</p>
				</div>
			</div><!-- /div -->

			<div id="m02" class="main__subsection">
<pre class="main__pre--code">
canUseDifferenceBlend () <span class="pre__type">Boolean</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Checks whether the canvas blend mode 'difference' is supported.</p>
				<div class="params">
					<h4>Returns:</h4>
					<p><span class="pre__type">Boolean:</span><br />
					True if the canvas blend mode 'difference' is supported</p>
				</div>
			</div><!-- /div -->

			<div id="m03" class="main__subsection">
<pre class="main__pre--code">
canUseSaturationBlend () <span class="pre__type">Boolean</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Checks whether the canvas blend mode 'saturation' is supported.</p>
				<div class="params">
					<h4>Returns:</h4>
					<p><span class="pre__type">Boolean:</span><br />
					True if the canvas blend mode 'saturation' is supported</p>
				</div>
			</div><!-- /div -->

			<div id="m04" class="main__subsection">
<pre class="main__pre--code">
endLoading () <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Erases the "Now Loading" image.</p>
			</div><!-- /div -->

			<div id="m05" class="main__subsection">
<pre class="main__pre--code">
hasWebGL () <span class="pre__type">Boolean</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Checks whether the current browser supports WebGL.</p>
				<div class="params">
					<h4>Returns:</h4>
					<p><span class="pre__type">Boolean:</span><br />
					True if the current browser supports WebGL.</p>
				</div>
			</div><!-- /div -->

			<div id="m06" class="main__subsection">
<pre class="main__pre--code">
hideFps () <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Hides the FPSMeter element.</p>
			</div><!-- /div -->

			<div id="m07" class="main__subsection">
<pre class="main__pre--code">
initialize ( width , height , type ) <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Initializes the graphics system.</p>
				<div class="params">
					<h4>Parameters:</h4>
					<ul class="params-list">
						<li class="param">
							<code class="param-name">width</code>
							<span class="type">Number</span>
							<div class="param-description">
								<p>The width of the game screen</p>
							</div>
						</li>
						<li class="param">
							<code class="param-name">height</code>
							<span class="type">Number</span>
							<div class="param-description">
								<p>The height of the game screen</p>
							</div>
						</li>
						<li class="param">
							<code class="param-name">type</code>
							<span class="type">String</span>
							<div class="param-description">
								<p>The type of the renderer. 'canvas', 'webgl', or 'auto'.</p>
							</div>
						</li>
					</ul>
				</div>
			</div><!-- /div -->

			<div id="m08" class="main__subsection">
<pre class="main__pre--code">
isFontLoaded ( name ) <span class="pre__type">Boolean</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Checks whether the font file is loaded.</p>
				<div class="params">
					<h4>Parameters:</h4>
					<ul class="params-list">
						<li class="param">
							<code class="param-name">name</code>
							<span class="type">String</span>
							<div class="param-description">
								<p>The face name of the font</p>
							</div>
						</li>
					</ul>
					<h4>Returns:</h4>
					<p><span class="pre__type">Boolean:</span><br />
					True if the font file is loaded</p>
				</div>
			</div><!-- /div -->

			<div id="m09" class="main__subsection">
<pre class="main__pre--code">
isInsideCanvas ( x , y ) <span class="pre__type">Boolean</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Checks whether the specified point is inside the game canvas area.</p>
				<div class="params">
					<h4>Parameters:</h4>
					<ul class="params-list">
						<li class="param">
							<code class="param-name">x</code>
							<span class="type">Number</span>
							<div class="param-description">
								<p>The x coordinate on the canvas area</p>
							</div>
						</li>
						<li class="param">
							<code class="param-name">y</code>
							<span class="type">Number</span>
							<div class="param-description">
								<p>The y coordinate on the canvas area</p>
							</div>
						</li>
					</ul>
					<h4>Returns:</h4>
					<p><span class="pre__type">Boolean:</span><br />
					True if the specified point is inside the game canvas area</p>
				</div>
			</div><!-- /div -->

			<div id="m10" class="main__subsection">
<pre class="main__pre--code">
isVideoPlaying () <span class="pre__type">Boolean</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Checks whether the video is playing.</p>
				<div class="params">
					<h4>Returns:</h4>
					<p><span class="pre__type">Boolean:</span><br />
					True if the video is playing</p>
				</div>
			</div><!-- /div -->

			<div id="m11" class="main__subsection">
<pre class="main__pre--code">
isWebGL () <span class="pre__type">Boolean</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Checks whether the renderer type is WebGL.</p>
				<div class="params">
					<h4>Returns:</h4>
					<p><span class="pre__type">Boolean:</span><br />
					True if the renderer type is WebGL</p>
				</div>
			</div><!-- /div -->

			<div id="m12" class="main__subsection">
<pre class="main__pre--code">
loadFont ( name , url ) <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Loads a font file.</p>
				<div class="params">
					<h4>Parameters:</h4>
					<ul class="params-list">
						<li class="param">
							<code class="param-name">name</code>
							<span class="type">String</span>
							<div class="param-description">
								<p>The face name of the font</p>
							</div>
						</li>
						<li class="param">
							<code class="param-name">url</code>
							<span class="type">String</span>
							<div class="param-description">
								<p>The url of the font file</p>
							</div>
						</li>
					</ul>
				</div>
			</div><!-- /div -->

			<div id="m13" class="main__subsection">
<pre class="main__pre--code">
pageToCanvasX ( x ) <span class="pre__type">Number</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Converts an x coordinate on the page to the corresponding x coordinate on the canvas area.</p>
				<div class="params">
					<h4>Parameters:</h4>
					<ul class="params-list">
						<li class="param">
							<code class="param-name">x</code>
							<span class="type">Number</span>
							<div class="param-description">
								<p>The x coordinate on the page to be converted</p>
							</div>
						</li>
					</ul>
					<h4>Returns:</h4>
					<p><span class="pre__type">Number:</span><br />
					The x coordinate on the canvas area</p>
				</div>
			</div><!-- /div -->

			<div id="m14" class="main__subsection">
<pre class="main__pre--code">
pageToCanvasY ( y ) <span class="pre__type">Number</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Converts a y coordinate on the page to the corresponding y coordinate on the canvas area.</p>
				<div class="params">
					<h4>Parameters:</h4>
					<ul class="params-list">
						<li class="param">
							<code class="param-name">y</code>
							<span class="type">Number</span>
							<div class="param-description">
								<p>The y coordinate on the page to be converted</p>
							</div>
						</li>
					</ul>
					<h4>Returns:</h4>
					<p><span class="pre__type">Number:</span><br />
					The y coordinate on the canvas area</p>
				</div>
			</div><!-- /div -->

			<div id="m15" class="main__subsection">
<pre class="main__pre--code">
playVideo ( src ) <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Starts playback of a video.</p>
				<div class="params">
					<h4>Parameters:</h4>
					<ul class="params-list">
						<li class="param">
							<code class="param-name">src</code>
							<span class="type">String</span>
						</li>
					</ul>
				</div>
			</div><!-- /div -->

			<div id="m16" class="main__subsection">
<pre class="main__pre--code">
printError ( name , message ) <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Displays the error text to the screen.</p>
				<div class="params">
					<h4>Parameters:</h4>
					<ul class="params-list">
						<li class="param">
							<code class="param-name">name</code>
							<span class="type">String</span>
							<div class="param-description">
								<p>The name of the error</p>
							</div>
						</li>
						<li class="param">
							<code class="param-name">message</code>
							<span class="type">String</span>
							<div class="param-description">
								<p>The message of the error</p>
							</div>
						</li>
					</ul>
				</div>
			</div><!-- /div -->

			<div id="m17" class="main__subsection">
<pre class="main__pre--code">
render ( stage ) <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Renders the stage to the game screen.</p>
				<div class="params">
					<h4>Parameters:</h4>
					<ul class="params-list">
						<li class="param">
							<code class="param-name">stage</code>
							<span class="type">Stage</span>
							<div class="param-description">
								<p>The stage object to be rendered</p>
							</div>
						</li>
					</ul>
				</div>
			</div><!-- /div -->

			<div id="m18" class="main__subsection">
<pre class="main__pre--code">
setLoadingImage () <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Sets the source of the "Now Loading" image.</p>
			</div><!-- /div -->

			<div id="m19" class="main__subsection">
<pre class="main__pre--code">
showFps () <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Shows the FPSMeter element.</p>
			</div><!-- /div -->

			<div id="m20" class="main__subsection">
<pre class="main__pre--code">
startLoading () <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Initializes the counter for displaying the "Now Loading" image.</p>
			</div><!-- /div -->

			<div id="m21" class="main__subsection">
<pre class="main__pre--code">
tickEnd () <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Marks the end of each frame for FPSMeter.</p>
			</div><!-- /div -->

			<div id="m22" class="main__subsection">
<pre class="main__pre--code">
tickStart () <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Marks the beginning of each frame for FPSMeter.</p>
			</div><!-- /div -->

			<div id="m23" class="main__subsection">
<pre class="main__pre--code">
updateLoading () <span class="pre__type"></span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">Increments the loading counter and displays the "Now Loading" image if necessary.</p>
			</div><!-- /div -->

		</div><!-- /main__section -->


		<div class="main__section">
			<h2 class="main__title--h2">Properties</h2>

			<div id="p01" class="main__subsection">
<pre class="main__pre--code">
BLEND_ADD <span class="pre__type">Number</span> <span class="pre__static">[final]</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">The alias of PIXI.blendModes.ADD.</p>
			</div><!-- /div -->

			<div id="p02" class="main__subsection">
<pre class="main__pre--code">
BLEND_MULTIPLY <span class="pre__type">Number</span> <span class="pre__static">[final]</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">The alias of PIXI.blendModes.MULTIPLY.</p>
			</div><!-- /div -->

			<div id="p03" class="main__subsection">
<pre class="main__pre--code">
BLEND_NORMAL <span class="pre__type">Number</span> <span class="pre__static">[final]</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">The alias of PIXI.blendModes.NORMAL.</p>
			</div><!-- /div -->

			<div id="p04" class="main__subsection">
<pre class="main__pre--code">
BLEND_SCREEN <span class="pre__type">Number</span> <span class="pre__static">[final]</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">The alias of PIXI.blendModes.SCREEN.</p>
			</div><!-- /div -->

			<div id="p05" class="main__subsection">
<pre class="main__pre--code">
boxHeight <span class="pre__type">Number</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">The height of the window display area.</p>
			</div><!-- /div -->

			<div id="p06" class="main__subsection">
<pre class="main__pre--code">
boxWidth <span class="pre__type">Number</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">The width of the window display area.</p>
			</div><!-- /div -->

			<div id="p07" class="main__subsection">
<pre class="main__pre--code">
frameCount <span class="pre__type">Number</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">The total frame count of the game screen.</p>
			</div><!-- /div -->

			<div id="p08" class="main__subsection">
<pre class="main__pre--code">
height <span class="pre__type">Number</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">The height of the game screen.</p>
			</div><!-- /div -->

			<div id="p09" class="main__subsection">
<pre class="main__pre--code">
scale <span class="pre__type">Number</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">The zoom scale of the game screen.</p>
			</div><!-- /div -->

			<div id="p10" class="main__subsection">
<pre class="main__pre--code">
width <span class="pre__type">Number</span> <span class="pre__static">[static]</span>
</pre>
				<p class="mb10px">The width of the game screen.</p>
			</div><!-- /div -->

		</div>


	</div><!-- /main -->

</body>
</html>